<%@page import="com.xnx3.j2ee.Global"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!-- 引入通用头部 -->
<jsp:include page="/wm/common/head.jsp">
	<jsp:param name="title" value="插件开发学习DEMO"/>
</jsp:include>
<script src="/<%=Global.CACHE_FILE %>Translate_enable.js"></script>
<style>
.explain{
	font-size: 11px;
    color: gray;
    padding-top: 2px;
    text-align: left;
}
</style>


<form class="layui-form" style="padding:30px;">
	<div class="layui-form-item" id="item_enable">
		<label class="layui-form-label">是否启用</label>
		<div class="layui-input-block">
			<script type="text/javascript">writeSelectAllOptionForenable_('','请选择', 0);</script>	
			<div class="explain">启用，您点生成整站后，访问您网站看看，便拥有国际化-多语言切换能力了</div>		
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">JavaScript</label>
		<div class="layui-input-block">
			<textarea name="javascript" class="layui-input" style="height:10rem;"></textarea>
			<div class="explain">
				这里是一些用于进行自定义的JavaScript代码，具体有哪些可使用，可参考：<a style="color:blue;" href="https://gitee.com/mail_osc/translate" target="_black">translate.js 使用说明</a> 
				在你生成网站时所有页面都会加入。
			</div>	
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">CSS</label>
		<div class="layui-input-block">
			<textarea name="css" class="layui-input" style="height:15rem;"></textarea>
			<div class="explain">
				默认在网站右上角即可看到的语言切换的select下拉选择框，样式便是在这里定义的
			</div>	
		</div>
	</div>
	<div class="layui-form-item">
		<div class="layui-input-block">
			<a class="layui-btn" onclick="submit()">立即保存</a>
			<button type="reset" class="layui-btn layui-btn-primary">重置</button>
		</div>
	</div>
</form>

<script>
msg.loading("加载中");	//显示“加载中”的等待提示
post("/plugin/translate/admin/detail.json", {}, function(data){
	console.log(data);
	msg.close();	//关闭“加载中”的等待提示
	if(data.result != '1'){
		//失败，弹出错误提示
		msg.failure(data.info);
	}else{
		//成功
		wm.fillFormValues($('form'), data.translate);
	}
});

function submit(){
	msg.loading("保存中");
	var postDate = wm.getJsonObjectByForm($("form"));	//提交的表单数据
	wm.post('/plugin/translate/admin/save.json', postDate, function (obj) { 
		msg.close();
		if(obj.result == '1'){
			msg.success("操作成功")
		}else if(obj.result == '0'){
			msg.failure(obj.info);
		}else{
			msg.failure(result);
		}
	});
}
</script>

<div class="explain" style="padding: 40px;
    padding-left: 140px;    font-size: 14px;">
	<h2 style="padding-bottom:10px;">说明：</h2>
	<ul>
		<li>当 [是否启用]-启用 后，点击[生成整站]进行重新生成网站，然后查看您的网站，默认在网站右上角即可看到语言切换选择框</li>
		<li>当您有过修改保存后，需要点生成整站后，网站才会生效</li>
		<li>本能力由第三方服务 <a style="color:blue;" href="https://github.com/xnx3/translate" target="_black">translate.js</a> 提供的国际化翻译支持，赋予您所做网站具有快速切换多国语言的能力。</li>
	</ul>
	
</div>	

<!-- 引入通用尾部 -->
<jsp:include page="/wm/common/foot.jsp"></jsp:include>  